<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="./layui/layui.js"></script>

		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/floorContent.css" />
		<title>避暑楼盘</title>
	</head>
	<body>
		<!-- 顶部banner -->
		<div class="header" data-scroll-reveal="enter top and move 100px over 1s">
			<div class="top">
				<div class="top-bar">
					<div class="left" data-scroll-reveal="enter top and move 100px over 1s">
						<img class="logo" src="./image/floor/logo.png" alt="logo">
					</div>
					<div class="right" data-scroll-reveal="enter top and move 100px over 1s">
						<div class="search">
							<span class="search-tips">搜索</span>
							<span class="search-icon">
								<i class="layui-icon layui-icon-search"></i>
							</span>
							<input class="search-input" type="text">
						</div>
						<div class="login">
							<a href="#">登陆</a> /
							<a href="#">注册</a>
						</div>
					</div>
				</div>
			</div>
			<div class="header-banner">
				<img src="./image/floor/banner-1.png" alt="">
				<div class="mask">
					<div class="explain">
						<p class="title-2" data-scroll-reveal="enter left and move 100px over 1s">
							SUMMER PROPERTY
						</p>
						<p class="title-2" data-scroll-reveal="enter left and move 100px over 1s">
							避暑楼盘
						</p>
					</div>
				</div>

			</div>
			<ul class="nav layui-nav" lay-filter="">
				<li class="nav-item layui-nav-item " data-scroll-reveal="enter left and move 50px over 1s">
					<a href="#">首页</a>
				</li>
				<li class="nav-item layui-nav-item active" data-scroll-reveal="enter right and move 100px over 1s">
					<a href="#part1">丰都避暑楼盘</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter top and move 100px over 1s">
					<a href="javascript:;">丰都旅游景点</a>
					<dl class="layui-nav-child">
						<!-- 二级菜单 -->
						<dd><a href="#">移动模块</a></dd>
						<dd><a href="#">后台模版</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
					</dl>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter bottom and move 100px over 1s">
					<a href="#part3">丰都酒店民宿</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter top and move 100px over 1s">
					<a href="#part4">丰都土特产</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter botom and move 100px over 1s">
					<a href="#part5">丰都旅游资讯</a>
				</li>
			</ul>
		</div>

		<!-- 内容 -->
		<div class="section first-section">
			<div class="content-header" data-scroll-reveal="enter top and move 100px over 1s">
				<div class="left">
					<img src="./image/floor/1.jpg" alt="">
				</div>
				<div class="right">
					<p class="name">九重天街</p>
					<div class="online">
						<span class="badge">在售</span>
						<span class="update-time">更新时间：2023-03-09 有2432人感兴趣</span>
					</div>
				</div>
			</div>
			<!-- 内容导航 -->
			<div class="content-nav-bar" data-scroll-reveal="enter top and move 100px over 1s">
				<ul class="nav-bar">
					<li class="active"><a href="#">楼盘主页</a></li>
					<li><a href="#">楼盘详情</a></li>
					<li><a href="#">户型鉴赏</a></li>
					<li><a href="#">楼盘动态</a></li>
				</ul>
			</div>
			<!-- 图片介绍 -->
			<div class="image-introduce" data-scroll-reveal="enter top and move 100px over 1s">
				<!-- 轮播 -->
				<div class="left">
					<div class="slider-for" id="image">
						<div>
							<img src="./image/floor/2.jpg" alt="" data-src="./image/floor/2.jpg">
						</div>
						<div>
							<img src="./image/floor/2.jpg" alt="" data-src="./image/floor/2.jpg">
						</div>
						<div>
							<img src="./image/floor/2.jpg" alt="" data-src="./image/floor/2.jpg">
						</div>
						<div>
							<img src="./image/floor/2.jpg" alt="" data-src="./image/floor/2.jpg">
						</div>
					</div>
					<div class="slick-nav-bar">
						<div class="slider-nav">
							<div class="slider-nav-item">
								<img src="./image/floor/2.jpg" alt="">
							</div>
							<div class="slider-nav-item">
								<img src="./image/floor/2.jpg" alt="">
							</div>
							<div class="slider-nav-item">
								<img src="./image/floor/2.jpg" alt="">
							</div>
							<div class="slider-nav-item">
								<img src="./image/floor/2.jpg" alt="">
							</div>
						</div>
					</div>

				</div>
				<div class="right">
					<table>
						<tbody>
							<tr>
								<td class="title-td">
									<div class="title">楼盘价格：</div>
								</td>
								<td class="content-td">
									<div class="price">5450元/m² 起</div>
								</td>
							</tr>
							<tr>
								<td class="title-td">
									<div class="title">楼盘简介：</div>
								</td>
								<td class="content-td">
									<div>
										无论是哪个城市，高价的楼盘，都往往会被 购房者第一个熟知！在惠富康锦绣壹号五期 都 往往会被购房者第一个熟知！在惠富康 锦绣壹号五期
									</div>
								</td>
							</tr>
							<tr>
								<td class="title-td">
									<div class="title">主力户型：</div>
								</td>
								<td class="content-td">
									<div class="">29 - 60m²</div>
								</td>
							</tr>
							<tr>
								<td class="title-td">
									<div class="title">楼盘地址：</div>
								</td>
								<td class="content-td">
									<div class="">丰都市福利路与八定路交汇处东南侧</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="tel">
						<img src="./image/floor/tel-icon.png" alt="">
						<p>400-234-5678</p>
					</div>
				</div>
			</div>

			<div class="text-introduce">
				<div class="part-title" data-scroll-reveal="enter top and move 100px over 1s">
					楼盘详情
				</div>
				<div class="part-table" data-scroll-reveal="enter top and move 100px over 1s">
					<table class="part-table-item">
						<thead class="thead">
							<tr>
								<th colspan="4" class="title-th">
									<div class="cell">基本信息</div>
								</th>
							</tr>
							<tr>
								<th class="head-th">
									<div class="cell">楼盘名称：</div>
								</th>
								<th class="content-th">
									<div class="cell">宏湖中央城</div>
								</th>
								<th class="head-th">
									<div class="cell">价&nbsp;&nbsp;&nbsp;&nbsp;格：</div>
								</th>
								<th class="content-th">
									<div class="cell">5300元/m² 起</div>
								</th>
							</tr>
						</thead>
						<tbody class="tbody">
							<tr>
								<td class="title">
									<div class="cell"> 物业类型：</div>
								</td>
								<td class="content">
									<div class="cell">避暑民房、养老民宿</div>
								</td>
								<td class="title">
									<div class="cell">楼盘地址：</div>
								</td>
								<td class="content">
									<div class="cell">丰都县双路镇莲花山九重天旅游风景区</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>

				<div class="part-table" data-scroll-reveal="enter top and move 100px over 1s">
					<table class="part-table-item">
						<thead class="thead no-border">
							<tr>
								<th colspan="4" class="title-th">
									<div class="cell">销售信息</div>
								</th>
							</tr>
						</thead>
						<tbody class="tbody">
							<tr>
								<td class="title">
									<div class="cell">销售状态：</div>
								</td>
								<td class="content">
									<div class="cell">在售</div>
								</td>
								<td class="title">
									<div class="cell">主力户型：</div>
								</td>
								<td class="content">
									<div class="cell">29-60m²</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>

				<div class="part-table" data-scroll-reveal="enter top and move 100px over 1s">
					<table class="part-table-item">
						<thead class="thead no-border">
							<tr>
								<th colspan="4" class="title-th">
									<div class="cell">小区规划</div>
								</th>
							</tr>
						</thead>
						<tbody class="tbody">
							<tr>
								<td class="title">
									<div class="cell">占地面积：</div>
								</td>
								<td class="content">
									<div class="cell">129亩</div>
								</td>
								<td class="title">
									<div class="cell">建筑面积：</div>
								</td>
								<td class="content">
									<div class="cell">130000m²</div>
								</td>
							</tr>
							<tr>
								<td class="title">
									<div class="cell">容积率：</div>
								</td>
								<td class="content">
									<div class="cell">1.5</div>
								</td>
								<td class="title">
									<div class="cell">总户数：</div>
								</td>
								<td class="content">
									<div class="cell">2500</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>

				<div class="part-table" data-scroll-reveal="enter top and move 100px over 1s">
					<table class="part-table-item">
						<thead class="thead no-border">
							<tr>
								<th colspan="4" class="title-th">
									<div class="cell">项目配套</div>
								</th>
							</tr>
						</thead>
						<tbody class="tbody">
							<tr>
								<td class="content" colspan="4">
									<div class="cell">
										<span class="title">社区商业街：</span>
										超市,诊所,药店,美食,农村菜市
									</div>
								</td>
							</tr>
							<tr>
								<td class="content" colspan="4">
									<div class="cell">
										<span class="title">景区配套：</span>
										餐厅,游乐场,各类农家乐
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>

				<div class="part-table" data-scroll-reveal="enter top and move 100px over 1s">
					<table class="part-table-item">
						<thead class="thead no-border">
							<tr>
								<th colspan="4" class="title-th">
									<div class="cell">交通线路</div>
								</th>
							</tr>
						</thead>
						<tbody class="tbody">
							<tr>
								<td class="title">
									<div class="cell">高铁：</div>
								</td>
								<td class="content" colspan="3">
									<div class="cell">重庆北站高铁至丰都53分钟，票价35.5元，高铁站乘坐景区旅游专线大巴车（18公里）至九重天景区。</div>
								</td>
							</tr>
							<tr>
								<td class="title">
									<div class="cell">大巴：</div>
								</td>
								<td class="content" colspan="3">
									<div class="cell">重庆四公里、龙头寺、陈家坪各大汽车站均有车至丰都(2小时)，丰都汽车站乘旅游大巴车至九重天旅游风景区。</div>
								</td>
							</tr>
							<tr>
								<td class="title">
									<div class="cell">自驾：</div>
								</td>
								<td class="content" colspan="3">
									<div class="cell">重庆南岸上沪渝高速南线G50S至丰都下道，沿203省道行驶18公里至九重天街，全程2小时10分钟。</div>
								</td>
							</tr>

						</tbody>
					</table>
				</div>

				<div class="part-table" data-scroll-reveal="enter top and move 100px over 1s">
					<table class="part-table-item">
						<thead class="thead no-border">
							<tr>
								<th colspan="4" class="title-th">
									<div class="cell">楼盘简介</div>
								</th>
							</tr>
						</thead>
						<tbody class="tbody">
							<tr>
								<td class="content" colspan="4">
									<div class="cell">
										九重天街项目由九重天景区开发运营商及莲花村乡村旅游合作社联合斥资打造，以旅游景区开发项目为基地，通过“文化旅游+主题地产”的模式，整合旅游、健康、养老、旅居、酒店、农业、等元素，实现多产业融合，打造旅居板块，必将成为重庆市民期待和追捧的旅游避暑目的地。
									</div>
								</td>
						</tbody>
					</table>
				</div>

			</div>
			<div class="text-introduce">
				<div class="part-title" data-scroll-reveal="enter top and move 100px over 1s">
					户型鉴赏
				</div>
				<div class="house-type" id="house-type" data-scroll-reveal="enter top and move 100px over 1s">
					<div class="house-type-item">
						<div class="image">
							<img src="./image/floor/3.jpg" alt="" data-src="./image/floor/3.jpg">
							<p class="type-name">E8户型</p>
						</div>
						<div class="house-size">
							<span>3室2厅1厨1卫</span>
							<span>91.00㎡ (建面)</span>
						</div>
					</div>
					<div class="house-type-item">
						<div class="image">
							<img src="./image/floor/3.jpg" alt="" data-src="./image/floor/3.jpg">
							<p class="type-name">E8户型</p>
						</div>
						<div class="house-size">
							<span>3室2厅1厨1卫</span>
							<span>91.00㎡ (建面)</span>
						</div>
					</div>
					<div class="house-type-item">
						<div class="image">
							<img src="./image/floor/3.jpg" alt="" data-src="./image/floor/3.jpg">
							<p class="type-name">E8户型</p>
						</div>
						<div class="house-size">
							<span>3室2厅1厨1卫</span>
							<span>91.00㎡ (建面)</span>
						</div>
					</div>
					<div class="house-type-item">
						<div class="image">
							<img src="./image/floor/3.jpg" alt="" data-src="./image/floor/3.jpg">
							<p class="type-name">E8户型</p>
						</div>
						<div class="house-size">
							<span>3室2厅1厨1卫</span>
							<span>91.00㎡ (建面)</span>
						</div>
					</div>


				</div>
			</div>

			<div class="text-introduce">
				<div class="part-title" data-scroll-reveal="enter top and move 100px over 1s">
					楼盘动态
				</div>
				<div class="time-line" data-scroll-reveal="enter top and move 100px over 1s">
					<ul class="layui-timeline">
						
						<li class="layui-timeline-item">
							<i class="layui-icon layui-timeline-axis"></i>
							<div class="layui-timeline-content layui-text">
								<h3 class="time-point">2021-07-27 14:59:26</h3>
								<p class="title">1、九重天一期6月盛大接房</p>
								<p class="introduce">
									丰都金科集美东方目前在售建售建面91-99平房源，建面均价约5000元/平，更多详情请咨询售楼处，咨询热线：400-176-0760转719783</p>
								<a href="#">[详情]</a>
							</div>
						</li>
						<li class="layui-timeline-item">
							<i class="layui-icon layui-timeline-axis"></i>
							<div class="layui-timeline-content layui-text">
								<h3 class="time-point">2021-07-27 14:59:26</h3>
								<p class="title">2、九重天森林避暑节7月中旬隆重举行</p>
								<p class="introduce">
									丰都金科集美东方目前在售建售建面91-99平房源，建面均价约5000元/平，更多详情请咨询售楼处，咨询热线：400-176-0760转719783</p>
								<a href="#">[详情]</a>
							</div>
						</li>
						<li class="layui-timeline-item">
							<i class="layui-icon layui-timeline-axis"></i>
							<div class="layui-timeline-content layui-text">
								<h3 class="time-point">2021-07-27 14:59:26</h3>
								<p class="title">3、九重天二期森林避暑民宿预约登记中 </p>
								<p class="introduce">
									丰都金科集美东方目前在售建售建面91-99平房源，建面均价约5000元/平，更多详情请咨询售楼处，咨询热线：400-176-0760转719783</p>
								<a href="#">[详情]</a>
							</div>
						</li>

					</ul>
				</div>
			</div>
		</div>

		<!-- foot -->
		<div class="foot foot-margin">
			<div class="foot-section">
				<div class="foot-nav">
					<div class="foot-nav-item">
						<a href="#">首页</a>
						<a href="#">丰都避暑楼盘</a>
						<a href="#">丰都旅游景点</a>
						<a href="#">丰都酒店民宿</a>
						<a href="#">丰都土特产</a>
						<a href="#">公司简介</a>
						<a href="#">联系我们</a>
						<a href="#">市场合作</a>
					</div>
					<div class="back-top">
						<a href="#">回到顶部</a>
					</div>
				</div>

				<div class="foot-center">
					<div class="foot-center-1 logo">
						<img src="./image/floor/logo.png">
					</div>
					<div class="foot-center-2">
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关注公众号</p>
						</div>
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关小程序</p>
						</div>
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关注商城</p>
						</div>
					</div>
					<div class="foot-center-1">
						<p>电话：021-80187116</p>
						<p>QQ：800053384</p>
						<p>邮箱：fengduasadh@123.com</p>
						<p>网址：www.435xvc.com</p>
						<p>地址：重庆市渝中区东方路3539号</p>
					</div>
				</div>
				<!-- 友情链接 -->
				<div class="foot-link">
					<span class="foot-name">友情链接：</span>
					<div class="link-item">
						<a href="#">指纹网</a>
						<a href="#">安居客</a>
						<a href="#">明珠城</a>
						<a href="#">丰都小邓</a>
					</div>
				</div>
			</div>
		</div>
		<div class="copyright">
			<p>版权所有：Copyright © 2015-2019丰都宣传网 渝ICP备15050430号 ICP证渝B2-20180118</p>
		</div>
	</body>
	<script>
		layui.config({
			base: './js/'
		}).extend({
			scrollReveal: "plugins/scrollReveal",
			viewer: 'plugins/viewer.min',
			slick: 'plugins/slick.min'
		}).use('floorContent')
	</script>
</html>
